<template>
	<div class="location">
		<div class="top">
			<div>
				<span class="iconfont">&#xe63f;</span>
				定位失败
			</div>
			<div>
				<span class="iconfont">&#xe642;</span>
				玩水季
			</div>
		</div>
		
		<div class="bottom">
			<div></div>
			<div></div>
		</div>
		
		
		
	</div>
	
</template>

<script>
</script>

<style scoped>
	.location .top{
		font-size: .14rem;
		height: .5rem;
		line-height: .5rem;
		text-align: center;
		display: flex;
		position: relative;
		border-bottom: 10px solid #eeeeee;
		
	}
	.location .bottom{
		font-size: .14rem;
		height: .7rem;
		line-height: .7rem;
		text-align: center;
		display: flex;
		position: relative;
		border-bottom: 10px solid #eeeeee;
		
	}
	
	.location .top:before,.location .bottom:before{
		content: "";
		position: absolute;
		width: 100%;
		border-top: 1px solid #eeeeee;
		
	}
	.location .top div,.location .bottom div{
		flex: 1;
	}
	
	.location .top div:last-child,.location .bottom div:last-child{
		border-left: 1px solid #eeeeee;
	}
	
	.location .bottom div:first-child{
		background: url(../../../assets/img/img01.png) center center no-repeat;
		background-size: auto 100%; 
	}
	.location .bottom div:last-child{
		background: url(../../../assets/img/img02.png) center center no-repeat;
		background-size: auto 100%; 
	}
	
</style>